<template>
    <div class="container">
        <!-- 导航菜单栏 -->
        <nav-bar></nav-bar>
        <!-- 头部区域 -->
        <head-bar></head-bar>
        <!-- 主内容区域 -->
        <main-content></main-content>
        <footer></footer>
    </div>
</template>

<script>
import HeadBar from "./HeadBar";
import NavBar from "./NavBar";
import MainContent from "./MainContent";
import Footer from "./Footer";

export default {
    components: {
        HeadBar,
        NavBar,
        MainContent,
        Footer
    }
};
</script>

<style scoped lang="scss">
.container {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    // background: rgba(224, 234, 235, 0.1);
}
</style>  